<div>
    <div style="margin-bottom: 20px;">
        <span style="font-size: 30px">异常慢服务日志收集</span>
        <span class="navbar-version" style="color:red">{{partition}}</span>
        <span class="navbar-version" ng-show="!winvisible" ng-click="win.open()">[选择分区]</span>
    </div>
    <div kendo-window="win" k-title="'选择分区'"
         k-width="740" k-height="220" k-visible="false"
         k-on-open="winvisible = true" k-on-close="winvisible = false">

        <div class="partition_box">
            <div class="partition_section">
                <div class="partition_title">
                    <a href="">全部</a>
                </div>
                <div class="partition_content_w">
                </div>
            </div>
            <div class="partition_section">
                <div ng-repeat="item in partitionSource">
                    <div class="partition_title">
                        <a href="">{{item.fname}}</a>
                    </div>
                    <div class="partition_content_w">
                        <div class="partition_link" ng-repeat="k in item.partition">
                            <a href="" ng-click="selectShow(k)">{{k.cname}}</a>
                        </div>
                    </div>
                    <br>
                </div>
                <br>
            </div>
        </div>
    </div>
</div>
<div class="query">查询条件</div>

<div class=" textboxes">

    <div class="form-inline group-margin">
        <div class="form-group">
            <label>耗时:</label>
            <select kendo-drop-down-list ng-model="param.time" class="myinput">
                <option value="500">大于500ms</option>
                <option value="1000">大于1s</option>
                <option value="5000">大于5s</option>
                <option value="10000">大于10s</option>
                <option value="30000">大于30s</option>
            </select>
        </div>
        <div class="form-group">
            <label>时间:</label>
            <input kendo-date-time-picker k-ng-model="param.startTime" k-format="'yyyy-MM-dd HH:mm:ss'"/>
        </div>
        <div class="form-group">
            <label>至:</label>
            <input kendo-date-time-picker k-ng-model="param.endTime" k-format="'yyyy-MM-dd HH:mm:ss'"/>
        </div>
        <div class="form-group">
            <kendo-button class="k-primary" ng-click="query()" style="float: right">查询</kendo-button>
        </div>
    </div>
</div>

<script id="treeview-template" type="text/kendo-ui-template">
    #= item.SubNodes #
</script>

<div class="table-responsive">
    <div class="result">结果集</div>
    <div class="row"></div>
    <span class="col-md-2">
        <div style="border: 1px solid #f0f0f0;margin-top: 15px;background: #ffffff;color: #202020" kendo-tree-view="tree"
             k-data-text-field="'SubNodes'"
             k-data-source="treeData"
             k-options="treeOptions">
       </div>
    </span>
    <span class="col-md-10">
    <div  >
    <div class="title">慢SVC</div>
    <div   style="height: 400px;"
           kendo-grid="svcGrid"
           k-rebind="svcData"
           k-columns="columns"
           k-options="svcGridOptions"
           k-data-source="svcData"
           k-on-change="gridRowClick({ selected: selected },data,dataItem,angularDataItem)"
    >
    </div>
    </div>
     <div  >
    <div class="title">慢SQL</div>
    <div   style="height: 500px;"
           kendo-grid="sqlGrid"
           k-rebind="sqlData"
           k-columns="sqlcolumns"
           k-options="sqlGridOptions"
           k-data-source="sqlData"
    >
    </div>
    </div>
    </span>
    </div>
